/* Menu 

There are three areas of styling for the Menu:  
 
 1. The menu 
 	There are three types of menus:
 	i)Context Menu
 	ii)Drop down Menu
 	iii) Navigation Menu
 	All three types of menus are affected by the .dijitMenu class in which you can set the background-color, padding and border
 	.dijitMenu affects the drop down menu in TimeTextBox, Calendar, ComboBox and FilteringSelect
  .dijitMenuTable - for padding - also affects Select widget 	
  	
 2. The menu bar
 	.dijitMenuBar - for border, margins, padding, background-color of the menu bar
 	.dijitMenuBar .dijitMenuItem - for padding, text color of menu items in the menu bar (overrides .dijitMenuItem) 
 	
 3. Menu items - items in the menu.  
 	.dijitMenuItem - for color
 	.dijitMenuItemHover, .dijitMenuItemSelected - for background-color, border, text color, padding of a menu item or menubar item that has been hovered over or selected	
 	.dijitMenuItemActive - for bacgkround-color of an active (mousedown) menu item
	td.dijitMenuItemIconCell - for padding around a  menu item's icon
	td.dijitMenuItemLabel - for padding around a menu item's label	
	.dijitMenuSeparatorTop - for border, top border, of the separator
	.dijitMenuSeparatorBottom - for bottom margin of the separator
	
	Styles specific to ComboBox and FilteringSelect widgets: 
	.dijitComboBoxMenu .dijitMenuItem - for padding and border of a menu item in a ComboBox or FilteringSelect widget's menu
	.dijitComboBoxMenu .dijitMenuItemSelected- for text color, background-color and border of a menu item in a ComboBox or FilteringSelect widget's menu

*/
/*harjeet*/
.twilight .dijitMenuBar {
	border: 1px solid #b5bcc7;
	margin: 0px;
	padding: 0px;
	background-color: #e6e6e7;
	xxxbackground-image: url("images/commonHighlight.png");
	background: #e6e6e6 url(../../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	background-position:0px 0px;
	background-repeat:repeat-x;
}
.dj_ie6 .twilight .dijitMenuBar {
	background-image:none;
}
.twilight .dijitMenu {
	background-repeat:repeat-y;
	background-color:#fff;
	xxxborder: 1px solid #769dc0;
	border: 1px solid #d3d3d3;
	/* so adjoining borders of MenuBar/ComboBox and Menu overlap, avoiding double border */
	margin: -1px 0;
}
.twilight .dijitMenuBar .dijitMenuItem {  
	padding: 6px 10px 7px;
	background-position:0px 100px;
	color:#4a4a4a;
	margin:-1px;
}	
.twilight .dijitMenuItem {
	background-image: url("images/menuHighlight.png");
	background-position:0px -40px;
	background-repeat:repeat-x;
}

/* this prevents jiggling upon hover of a menu item */
.twilight .dijitMenuTable {
	border-collapse:separate;
	border-spacing:0 0;
	padding:0px;
}
.twilight .dijitMenuItem td{
	padding:1px;
}
/* harjeet hover over a MenuBarItem */
.twilight .dijitMenuPassive .dijitMenuItemHover,
.twilight .dijitMenuPassive .dijitMenuItemSelected {
	xxxbackground-color: #abd6ff;
	background-color: #d3d3d3;
	xxxborder:solid 1px #769dc0;
	border:solid 1px #9D9DA1;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-position:0px 0px;
	color:#000;
	padding: 5px 9px 6px;
}
.twilight .dijitMenuPassive .dijitMenuItemActive{
	background-position:0px -177px;
}
.dj_ie6 .twilight .dijitMenuItem,
.dj_ie6 .twilight .dijitMenuPassive .dijitMenuItem {
	background-image: none;
}

/* harjeet MenuBarItem that has been selected and menu drops down from it */
.twilight .dijitMenuActive .dijitMenuItemHover,
.twilight .dijitMenuActive .dijitMenuItemSelected {
	xxxborder:solid 1px #769dc0;
	border:solid 1px #9D9DA1;
	padding: 5px 9px 6px;
	xxbackground-color: #9dcfff;
	background-color: #d3d3d3;
	background-position:0px 0px;
	color:#000;
}
.dj_ie .twilight .dijitMenuActive .dijitMenuItemHover,
.dj_ie .twilight .dijitMenuActive .dijitMenuItemSelected,
.dj_ie .twilight .dijitMenuPassive .dijitMenuItemHover,
.dj_ie .twilight .dijitMenuPassive .dijitMenuItemSelected {
	padding-top: 6px;
	padding-bottom: 5px;
	margin-top: -3px;
}
.twilight .dijitMenuActive .dijitMenuItemActive{
	xxxbackground-color: #7dbefa;
	background-color: #FFD740;
	background-position:0px -177px;
}
.twilight .dijitMenuItemActive {
	background-position:0px -177px;
}
.twilight td.dijitMenuItemIconCell {
 padding: 2px;
 margin: 0px 0px 0px 4px;
}
.twilight td.dijitMenuItemLabel {
	padding-top: 5px;
	padding-bottom: 5px;
}
.twilight .dijitMenuExpand {
	width: 7px;
	height: 7px;
	background-image: url('images/spriteArrows.png');
	background-position: -14px 0px;
	margin-right:3px;
}
.twilight .dijitMenuItemDisabled .dijitMenuItemIconCell {
	opacity:1;
}
.twilight .dijitMenuSeparatorTop {
	height: auto;
	margin-top:1px; /* prevents spacing above/below separator */
	border-bottom: 1px solid #b5bcc7
}
.twilight .dijitMenuSeparatorBottom{
	height: auto;
	margin-bottom:1px;
}
/* the checked menu item */
.twilight .dijitCheckedMenuItemIconChar {
	display: none;
}
.twilight .dijitCheckedMenuItemIcon {
	background-image: url('form/images/checkboxRadioButtonStates.png');
	background-repeat:no-repeat;
	background-position: -15px 50%;
	width:15px;
	height:16px;
}
.dj_ie6 .twilight .dijitCheckedMenuItemIcon {
	background-image: url('form/images/checkboxAndRadioButtons_IE6.png');
}
.twilight .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon {
	background-position: 0 50%;
}

/*ComboBox Menu*/
.twilight .dijitComboBoxMenu {
	margin-left:0px;
	background-image: none;
}
.twilight .dijitComboBoxMenu .dijitMenuItem{
	padding:2px 0px;
	text-indent:6px;
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:#fff;
}
/*harjeet*/
.twilight .dijitComboBoxMenu .dijitMenuItemSelected {
	color:#000;
	border-color:#768dc0;
	xxxbackground-color:#abd6ff;
	background-color:#d2d2d2;
}
/*harjeet*/
.twilight .dijitComboBoxMenuActive .dijitMenuItemSelected {
	background-position:0px -177px;
	xxxbackground-color:#7dbefa;
	background-color:#FFD740;
}
.twilight .dijitMenuPreviousButton, .twilight .dijitMenuNextButton {
	font-style: italic;
}
